<template>
  <div id="new-article">
    <div class="line-10"></div>
    <dl>
      <dt><i class="el-icon-third-new1 mr-5"></i><span class="bold">最新文章</span></dt>
      <div class="line"></div>
      <template v-for="item in this.articleNew">
        <dd>
          <router-link class="el-link el-link--default" :key="item.id" :title="item.title"
                       :to="{name: 'article', params: {id: item.id}}">
                        <span class="el-link--inner">
                            <el-row>
                                <el-col :span="24" class="ellipsis">{{item.title}}</el-col>
                            </el-row>
                        </span>
          </router-link>
        </dd>
      </template>
    </dl>
  </div>
</template>

<script>

  export default {
    name: "ArticleNew",
    props: {
      articleNew: null,
    }
  }
</script>

<style scoped>

</style>
